<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>篮球场</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background-color: #ccc;
			}
			#xiabanchang2{
				width: 750px;
				height: 700px;
				background-color: green;
				border: 2.5px solid white;
				position: relative;
				transform-origin: bottom center;
				transform: rotate(180deg) translateY(707.5px);
			}
			#sanfenqu2{
				width: 675px;
				height: 380px;
				background-color: green;
				border: 2.5px solid white;
				position: absolute;
				top: -2.5px;
				left: 35px;
				border-bottom-left-radius: 50% 337.5px;
				border-bottom-right-radius: 50% 337.5px;
			}
			#zhongchang2{
				width: 180px;
				height: 90px;
				background-color: crimson;
				border: 2.5px solid white;
				position: absolute;
				bottom: -2.5px;
				left: 279.5px;
				border-top-left-radius: 50% 100%;
				border-top-right-radius: 50% 100%;
			}
			#red2{
				width: 245px;
				height: 290px;
				background-color: crimson;
				position: absolute;
				top: -2.5px;
				left: 215px;
				border: 2.5px solid white;
			}
			#hit2{
				width: 160px;
				height: 80px;
				border: 2.5px solid white;
				border-bottom-left-radius: 50% 100%;
				border-bottom-right-radius: 50% 100%;
				position: absolute;
				bottom: -85px;
				left: 38.5px;
			}
			#gan2{
				width: 120px;
				height: 65px;
				border: 2.5px solid white;
				border-bottom-left-radius: 50% 60px;
				border-bottom-right-radius: 50% 60px;
				border-top-color: transparent;
				position: absolute;
				left: 58.5px;
				top: 30px;
			}
			#box1 {
				width: 750px;
				height: 700px;
				background-color: green;
				border: 2.5px solid white;
				position: relative;
			}
			
			#a11 {
				width: 675px;
				height: 400px;
				border: 2.5px solid white;
				background-color: green;
				border-bottom-left-radius: 337px;
				border-bottom-right-radius: 337px;
				position: absolute;
				left: 37px;
			}
			
			#a21 {
				width: 180px;
				height: 90px;
				border: 2.5px solid white;
				position: absolute;
				bottom: -2.5px;
				left: 285px;
				background-color: red;
				border-top-left-radius: 90px;
				border-top-right-radius: 90px;
			}
			
			#a31 {
				width: 245px;
				height: 290px;
				border: 2.5px solid white;
				background-color: red;
				position: absolute;
				left: 215px;
				position: absolute;
			}
			
			#a41 {
				width: 180px;
				height: 90px;
				border: 2.5px solid white;
				background-color: green;
				border-bottom-left-radius: 90px;
				border-bottom-right-radius: 90px;
				position: absolute;
				left: 247px;
				top: 291.5px;
			}
			
			#a51 {
				width: 150px;
				height: 70px;
				border: 2.5px solid white;
				border-top-color: transparent;
				background-color: red;
				border-bottom-left-radius: 70px;
				border-bottom-right-radius: 70px;
				position: absolute;
				top: 20px;
				left: 46px;
			}
		</style>
	</head>

	<body>
		<div id="box1">
			<div id="a11">
				<div id="a31">
					<div id="a51"></div>
				</div>
				<div id="a41"></div>
			</div>
			<div id="a21">

			</div>
		</div>
		<div id="xiabanchang2">
			<div id="sanfenqu2">
				<div id="red2">
					<div id="hit2"></div>
					<div id="gan2"></div>
				</div>
			</div>
			<div id="zhongchang2"></div>
		</div>
	</body>

</html>